<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, user-scalable=no, 
    initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>喜乐欢购-规格</title>
    <link rel="stylesheet" href="css/normalize.css">
    <link rel="stylesheet" href="css/detial.css">
    <script src="js/flexible.js"></script>
</head>

<body>
    <header>
        <div class="header-bg">
            <div class="conter">
                <div class="conter-w w">
                    <div class="conter-t">
                        <img src="imgaes/detial/组 1401@3x.png" alt="">
                        <div class="conter-r">
                            <div class="img">
                                <img src="imgaes/detial/Shut down@3x.png" alt="">
                            </div>
                            <p><i>￥</i>1200.00-2500.00</p>
                            <span>库存 11002</span>
                            <p class="p">请选择 机身颜色 版本 内存容量</p>
                        </div>
                    </div>
                    <div class="banb">
                        <p>版本</p>
                        <a href="">公开版</a>
                    </div>
                    <div class="nc">
                        <p>内存容量</p>
                        <span>128GB</span>
                        <span>256GB</span>
                    </div>
                    <div class="nc tc">
                        <p>套餐类型</p>
                        <span>官方标配</span>
                        <span>套餐一</span>
                        <span>套餐二</span>
                    </div>
                    <div class="sl">
                        <p>购买数量</p>
                        <div class="slr">
                            <span>  <img src="imgaes/detial/圆角矩形 1@3x.png" alt="">
                            <div class="slr-d">1</div>
                            <img src="imgaes/detial/加号@3x.png" alt=""></span>
                        </div>
                    </div>
                    <button class="w">确定</button>
                </div>
            </div>
        </div>
    </header>
</body>

</html>